@import "style";

.bg-white {
  background-color: @defaultBgColor;
}

input, button, textarea {
  outline: none;
}

html, body, #app {
  height: 100%;
}

.turnToEstb {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  width: 5.5rem;
  height: 5.5rem;
  background: url("../images/icon-add.png");
  background-size: 100%;

  &-circle {
    display: none;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: @activeColor;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    text-align: center;
    padding-top: .2rem;

    i {
      color: #ffffff;
      font-size: 3rem;
    }
  }
}

.task {
  height: 100%;

  .header-title, .header-left, .header-right {
    color: @defaultFontColor;
  }

  color: @mainFontColor !important;
  font-size: @mainTxtSize;

  input, textarea {
    outline: none;
    border: none;
  }

  .none-ct-show-tips {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 50%;
  }

  .tips-overtime {
    color: #FF5959;
  }

  .fr {
    float: right;
  }

  .fl {
    float: left;
  }

  .page-infinite-loading-ct {
    left: 0;
    top: 50%;
    position: fixed;
    width: 100%;

    .page-infinite-loading {
      text-align: center;
      height: 50px;
      width: 100%;
      line-height: 50px;

      div {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
      }
    }
  }

  .task-ct {
    height: 100%;
    //position: absolute;
    padding-top: 44px;
    //left:0;
    //right:0;
    padding-bottom: 2rem;

    .list {
      overflow: hidden;
      background-color: #FFFFFF;

      .list-content {
        line-height: 1.75rem;
        margin-top: 1rem;
        padding: 0 1rem 1rem 1rem;
        border-bottom: 1px solid @grayBorderColor;
        min-height: 2.75rem;
      }

      .list-wide-line {
        border-bottom: .5rem solid @grayBgColor;
        padding-bottom: .5rem;
      }

      .list-wide-line-top {
        border-top: .5rem solid @grayBgColor;
        padding-top: .5rem;
        padding: 1rem;
        border-bottom: 1px solid #eaeaea;
      }

      .select-option {
        float: right;
        color: @subTxtColor;
      }

      .select-optionct {
        float: right;
        color: @mainFontColor
      }

      .select-option.haveChoose {
        color: @mainFontColor;
      }

      & > p, h3 {
        line-height: 2rem;
      }

      .list-title {
        margin: 10px 15px;
        color: @mainTxtColor;
        font-size: @bigSize;
      }
    }

    .list-view {
      overflow: hidden;
      background-color: #ffffff !important;
      margin-bottom: 10px;

      .list-view-cell {
        margin-top: 1rem;
        padding: 0 1rem 1rem 1rem;
        border-bottom: 1px solid @grayBorderColor;

        &-box {
          position: relative;
          min-height: 70px;

          &-left {
            position: absolute;
            top: 50%;
            margin-top: -30px;
          }

          &-right {
            padding-left: 70px;
            font-size: @mainTxtSize;

            & > h3 {
              margin-bottom: .4rem;
              display: -webkit-box;
              overflow: hidden;
              text-overflow: ellipsis;
              word-break: break-all;
              /*! autoprefixer: off */
              -webkit-box-orient: vertical;
              /* autoprefixer: on */
              -webkit-line-clamp: 1;
              font-size: @bigSize;
            }

            & > p {
              line-height: 2rem;
              font-size: @smallSize;
            }
          }
        }

        & > p, h3 {
          overflow: hidden;
          text-overflow: ellipsis;
        }

        & > h3 {
          margin-bottom: .4rem;
          display: -webkit-box;
          overflow: hidden;
          text-overflow: ellipsis;
          word-break: break-all;
          /*! autoprefixer: off */
          -webkit-box-orient: vertical;
          /* autoprefixer: on */
          -webkit-line-clamp: 1;
          font-size: @bigSize;
        }

        & > p {
          line-height: 2rem;
          font-size: @smallSize;
        }

        &-notice {
          padding: 5px 15px;
          font-size: 14px;
          color: @subTxtColor;
        }

        &-info {
          color: @subTxtColor;
          font-size: 14px;
        }

        &-divided {
          height: 10px;
          width: 100%;
          background: transparent;
        }
      }

      .list-view-margin {
        padding: 1rem;
        background-color: #FFFFFF;
        border-bottom: 1px solid @grayBorderColor;
      }
    }
  }

  .tips-bg-rsp {
    border-radius: 5px;
    background-color: #DFF2F7;
    padding: 3px 8px;
  }

  .nav-right {
    position: absolute;
    right: 15px;
    color: inherit;
    top: 50%;
    margin-top: -11px;
  }

  .tips-grey {
    color: @subTxtColor;
    font-size: @smallerSize;
    margin-right: 1rem;
  }

  .tips-active {
    color: @activeColor;
  }

  .item-small-size {
    font-size: @smallestSize;
  }
}




